<script type="text/javascript">
function prefixing(form){
	document.getElementById("rightTextArea").value= "";
	submitPost(form, prefixCallback);
}
function prefixCallback(data){
	//$('#rightTextArea').text(data.output);
	document.getElementById("prefixResultArea").value=data.output;
}

</script>
<h1>${title}</h1>
<form name="prefixForm" action="./prefix" method="post">
<div id="upperDiv">
prefix <input type="text" name="prefix"/>
postfix <input type="text" name="postfix"/>
</div>
<div id="leftDiv">
	<textarea id="leftTextArea" name="input" cols="40" rows="15"></textarea>
</div>
<div id="buttons">
	<input type="button" name="forward" onClick="prefixing(document.prefixForm)" value="-->" />
</div>
<div id="rightDiv">
	<textarea id="prefixResultArea" cols="40" rows="15"></textarea>
</div>
</form>